{% load i18n %}
{% load compress %}

<div id="sidebar" class="hidden-print sidenav scroll-taget "   role="complementary">
    <ul class="nav  nav-pills nav-stacked nav-list">
        <li><a href="#Overview">{% trans "Overview"%}</a></li>
        <li><a href="#Profile">{% trans "Profile"%}</a></li>
        <li><a href="#Plan">{% trans "Plan"%}</a></li>
        <li><a href="#Subscription">{% trans "Subscription"%}</a></li>
    </ul>
</div>



{% compress js %}
<script type="text/javascript" >
      $('#sidebar').affix()
    $('body').scrollspy({ target: '#sidebar',offset:100 })
</script>
{% endcompress %}
